<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>首页</title>

    <!-- Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->

    <!--引入字体图标相关的样式文件-->
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"><!---->
    <!--引入Font Awesome框架实现字体图标效果-->
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <!--引入外部css文件-->
    <link rel="stylesheet" href="css/index.css">
    <!--引入iconfont字库-->
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2932829_gw0c9i9k6gd.css">
    <!--引入jQuery框架文件,使用CDN服务器进行引入-->
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <!--引入axios框架-->
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
    <!--引入vue框架-->
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
</head>
<body>
<!--头部标签-->
<header id="miao">
    <div class="header">
        <!--上导航条-->
        <div class="header-top" style="position: absolute;width: 100%">
            <!--手机下单二维码-->
            <div></div>
            <!--关注微信二维码-->
            <div></div>
            <div class="container" style="width: 1168px">
                <!--左div-->
                <div class="con-left">
                    <p class="text-color-9">嗨，欢迎来订花乐！</p>
                    <a href="">
                        <!--微信图标-->
                        <i class=" iconfont icon-floristweixin" style="color: rgb(136,78,34);"></i>
                        <span class="text-color-9">关注微信</span>
                    </a>
                </div>
                <!--右div-->
                <div class="con-right">
                    <a href="login.html" class="text-color-9" v-if="or"  >你好，请登录</a>
                    <a href="" v-if="ors" >{{users.phone}}</a>
                    <span class="text-color-9">|</span>
                    <a href="reg.html" class="text-color-9" v-if="or" >免费注册</a>
                    <a v-if="ors" @click="logout()">退出登录</a>
                    <span class="text-color-9">|</span>
                    <a href="" class="text-color-9">订单查询</a>
                    <span class="text-color-9">|</span>
                    <a href="" class="text-color-9">
                        <!--购物车图标-->
                        <i class="iconfont icon-floristgouwuche" style="color: rgb(136,78,34);"></i>
                        <span class="text-color-9">购物车</span>
                        <span class="text-color-9">(0)</span>
                    </a>
                    <span class="text-color-9">|</span>
                    <a href="#" class="text-color-9">手机下单</a>
                </div>
            </div>
        </div>
        <!--下导航条-->
        <div class="header-bottom">
            <!--搜索栏-->
            <div class="container" style="width: 1168px">
                <!--商标-->
                <div class="logo-img">
                    <a href="">
                        <img src="images/logo.png" alt="网页logo">
                    </a>
                </div>
                <div class="search">
                    <div class="input-group">
                        <input class="text-color-9" type="text" id="searchValue" placeholder="请输入搜索的关键字">
                        <button class="cursorPointer" onclick="">
                            <i class="glyphicon glyphicon-search"></i>
                        </button>
                    </div>
                    <div class="search-keywords">
                        <a href="">红玫瑰</a>
                        <span class="text-color-9">|</span>
                        <a href="">蛋糕</a>
                        <span class="text-color-9">|</span>
                        <a href="">百合</a>
                        <span class="text-color-9">|</span>
                        <a href="">康乃馨</a>
                    </div>
                </div>
                <div class="phone-search">
                    <p class="phone-search-text">
                        <i class="glyphicon glyphicon-phone-alt" style="color: rgb(136,78,34) ;font-size: 22px;"></i>
                        <span class="text-color-9" style="font-size: 17px;">400-0606-1520</span>
                    </p>
                </div>
            </div>
            <!--分类栏-->
            <div class="container" id="subject" style="height: 110px">
                <div  id="subject-div">
                    <div id="subject-div-div" style="display:inline-block;">
                        <div class="classify">
                            <span style="color:#fff;font-size: 16px;display:inline-block;line-height: 40px;width: 200px ">全部商品分类
                                <i class="glyphicon glyphicon-menu-down" style="color:#fff;font-size: 12px;"></i>
                            </span>
                            <div id="drop-down" style="z-index: 99;background-color:#fff ">
                                <div class="navList-content">
                                    <p class="p-height-15">用途</p>
                                    <div class="" style="margin-bottom: 10px">
                                        <a href="" class="">爱情鲜花</a>
                                        <a href="" class="">生日鲜花</a>
                                        <a href="" class="">友情鲜花</a>
                                        <a href="" class="">探病问候</a>
                                        <a href="" class=" ">道歉鲜花</a>
                                        <a href="" class=" ">问候长辈</a>
                                        <a href="" class=" ">感谢老师</a>
                                        <a href="" class=" ">哀思鲜花</a>
                                        <a href="" class=" ">商务鲜花</a>
                                    </div>
                                </div>
                                <div class="navList-content">
                                    <p class="p-height-15">花材</p>
                                    <div class="" style="margin-bottom: 10px">
                                        <a href="" class=" ">玫瑰</a>
                                        <a href="" class=" ">百合</a>
                                        <a href="" class="">康乃馨</a>
                                        <a href="" class=" ">向日葵</a>
                                        <a href="" class="">满天星</a>
                                        <a href="" class="">郁金香</a>
                                        <a href="" class=" ">菊花</a>
                                        <a href="" class=" ">其他</a>
                                    </div>
                                </div>
                                <div class="navList-content">
                                    <p class="p-height-15">类别</p>
                                    <div class="" style="margin-bottom: 10px">
                                        <a href="" class=" ">花束</a>
                                        <a href="" class=" ">礼盒</a>
                                        <a href="" class=" ">蛋糕</a>
                                        <a href="" class=" ">花篮</a>
                                        <a href="" class=" ">绿植</a>
                                        <a href="" class=" ">周花</a>
                                        <a href="" class=" ">手提花篮</a>
                                        <a href="" class=" ">桌花</a>
                                        <a href="" class=" ">其他</a>
                                    </div>
                                </div>
                                <div class="navList-content">
                                    <p class="p-height-15">枝数</p>
                                    <div class="" style="margin-bottom: 10px">
                                        <a href="" class="">11枝</a>
                                        <a href="" class=" ">19枝</a>
                                        <a href="" class="">21枝</a>
                                        <a href="" class=" ">33枝</a>
                                        <a href="" class="">52枝</a>
                                        <a href="" class="">66枝</a>
                                        <a href="" class=" ">99枝</a>
                                        <a href="" class=" ">其他</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="menu">
                        <ul>
                            <li v-for="c in c_arr">
                                <a href="">{{c.name}}</a>
                            </li>
                            <!--<li>
                                <a href="">花束</a>
                            </li>
                            <li>
                                <a href="">礼盒</a>
                            </li>
                            <li>
                                <a href="">蛋糕</a>
                            </li>
                            <li>
                                <a href="">花篮</a>
                            </li>
                            <li>
                                <a href="">绿植</a>
                            </li>
                            <li>
                                <a href="">周花</a>
                            </li>-->
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>
<!--头部标签结束-->
<!--轮播图开始-->
<div id="myCarousel" class="carousel slide">
    <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
    </ol>
    <!-- 轮播图的图片 -->
    <div class="carousel-inner">
        <div class="item active">
            <img src="images/banner0.jpg" alt="First slide" style="width: 100%;height:425px">
            <div class="carousel-caption"></div>
        </div>
        <div class="item">
            <img src="images/banner1.jpg" alt="Second slide" style="width: 100%;height:425px">
            <div class="carousel-caption"></div>
        </div>
    </div>
    <!-- 轮播（Carousel）导航 -->
    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
</div>
<!--轮播图结束-->
<!--主体区域开始-->
<div style="width: 1200px" class="container">
    <!--口碑展示-->
    <div class="nav-all container clearfix">
        <div class="nav-item fl">
            <div class="nav-item-img">
                <img src="images/nav1.png" alt="">
            </div>
            <p class="nav-item-title">知名鲜花电商</p>
            <p class="text-color-9">权威认证企业，深受用户喜爱</p>
        </div>
        <div class="nav-item fl">
            <div class="nav-item-img">
                <img src="images/nav2.png" alt="">
            </div>
            <p class="nav-item-title">品牌保证 口碑真实</p>
            <p class="text-color-9">累计好评50w+条</p>
        </div>
        <div class="nav-item fl">
            <div class="nav-item-img">
                <img src="images/nav3.png" alt="">
            </div>
            <p class="nav-item-title">鲜花实拍秀展示</p>
            <p class="text-color-9">敢展示派送前实拍的鲜花网</p>
        </div>
        <div class="nav-item fl">
            <div class="nav-item-img">
                <img src="images/nav4.png" alt="">
            </div>
            <p class="nav-item-title">快至1小时送达</p>
            <p class="text-color-9">全国连锁，实时制作</p>
        </div>
        <div class="nav-item fl">
            <div class="nav-item-img">
                <img src="images/nav5.png" alt="">
            </div>
            <p class="nav-item-title">退赔承诺</p>
            <p class="text-color-9">值得信赖的售后服务保障</p>
        </div>
    </div>
    <!--爱情鲜花展示与区域-->
    <div class="module" style="margin-top: 40px;">
        <!--标题部分-->
        <div class="module-title-left">
            <div class="module-title-img" style="display: inline-block ">
                <img src="images/module-title-img1.png" alt="">
            </div>
            <a href="" style="display: inline-block ">
                <p>
                    <span>查看更多</span>
                    <i class="fa fa-angle-right fa-lg" aria-hidden="true"></i>
                </p>
            </a>
        </div>
        <!--展示部分-->
        <div class="module-content" style="margin-top: 8px">
            <div class="module-con-left">
                <div class="module-con-img fl" style="margin-right: 15px">
                    <a href="">
                        <img src="images/love0.jpg" alt="">
                    </a>
                </div>
            </div>
            <div class="module-con-right">
                <a href="" class="module-pro-item">
                    <div class="pro-img">
                        <img src="images/love1.jpg" alt="">
                    </div>
                    <p class="text-color-6">浪漫满屋</p>
                    <div style="height: 30px;margin-top: 4px">
                        <p class="pro-price">￥229</p>
                        <span class="text-color-9 fr align-center">销量17229笔</span>
                    </div>
                </a>
                <a href="" class="module-pro-item">
                    <div class="pro-img">
                        <img src="images/love2.jpg" alt="">
                    </div>
                    <p class="text-color-6">浪漫满屋</p>
                    <div style="height: 30px;margin-top: 4px">
                        <p class="pro-price">￥229</p>
                        <span class="text-color-9 fr align-center">销量17229笔</span>
                    </div>
                </a>
                <a href="" class="module-pro-item">
                    <div class="pro-img">
                        <img src="images/love3.jpg" alt="">
                    </div>
                    <p class="text-color-6">浪漫满屋</p>
                    <div style="height: 30px;margin-top: 4px">
                        <p class="pro-price">￥229</p>
                        <span class="text-color-9 fr align-center">销量17229笔</span>
                    </div>
                </a>
                <a href="" class="module-pro-item">
                    <div class="pro-img">
                        <img src="images/love4.jpg" alt="">
                    </div>
                    <p class="text-color-6">浪漫满屋</p>
                    <div style="height: 30px;margin-top: 4px">
                        <p class="pro-price">￥229</p>
                        <span class="text-color-9 fr align-center">销量17229笔</span>
                    </div>
                </a>
                <a href="" class="module-pro-item">
                    <div class="pro-img">
                        <img src="images/love5.jpg" alt="">
                    </div>
                    <p class="text-color-6">浪漫满屋</p>
                    <div style="height: 30px;margin-top: 4px">
                        <p class="pro-price">￥229</p>
                        <span class="text-color-9 fr align-center">销量17229笔</span>
                    </div>
                </a>
                <a href="" class="module-pro-item">
                    <div class="pro-img">
                        <img src="images/love6.jpg" alt="">
                    </div>
                    <p class="text-color-6">浪漫满屋</p>
                    <div style="height: 30px;margin-top: 4px">
                        <p class="pro-price">￥229</p>
                        <span class="text-color-9 fr align-center">销量17229笔</span>
                    </div>
                </a>
                <a href="" class="module-pro-item">
                    <div class="pro-img">
                        <img src="images/love7.jpg" alt="">
                    </div>
                    <p class="text-color-6">浪漫满屋</p>
                    <div style="height: 30px;margin-top: 4px">
                        <p class="pro-price">￥229</p>
                        <span class="text-color-9 fr align-center">销量17229笔</span>
                    </div>
                </a>
                <a href="" class="module-pro-item">
                    <div class="pro-img">
                        <img src="images/love8.jpg" alt="">
                    </div>
                    <p class="text-color-6">浪漫满屋</p>
                    <div style="height: 30px;margin-top: 4px">
                        <p class="pro-price">￥229</p>
                        <span class="text-color-9 fr align-center">销量17229笔</span>
                    </div>
                </a>
            </div>
        </div>
    </div>
    <!--友情鲜花-->
    <div class="module" style="margin-top: 40px;">
        <!--标题部分-->
        <div class="module-title-left">
            <div class="module-title-img" style="display: inline-block ">
                <img src="images/module-title-img2.png" alt="">
            </div>
            <a href="" style="display: inline-block ">
                <p>
                    <span>查看更多</span>
                    <i class="fa fa-angle-right fa-lg" aria-hidden="true"></i>
                </p>
            </a>
        </div>
        <!--展示部分-->
        <div class="module-content" style="margin-top: 8px">
            <div class="module-con-left">
                <div class="module-con-img fl" style="margin-right: 15px">
                    <a href="">
                        <img src="images/friendship0.jpg" alt="">
                    </a>
                </div>
            </div>
            <div class="module-con-right">
                <a href="" class="module-pro-item">
                    <div class="pro-img">
                        <img src="images/friendship1.jpg" alt="">
                    </div>
                    <p class="text-color-6">浪漫满屋</p>
                    <div style="height: 30px;margin-top: 4px">
                        <p class="pro-price">￥229</p>
                        <span class="text-color-9 fr align-center">销量17229笔</span>
                    </div>
                </a>
                <a href="" class="module-pro-item">
                    <div class="pro-img">
                        <img src="images/friendship2.jpg" alt="">
                    </div>
                    <p class="text-color-6">浪漫满屋</p>
                    <div style="height: 30px;margin-top: 4px">
                        <p class="pro-price">￥229</p>
                        <span class="text-color-9 fr align-center">销量17229笔</span>
                    </div>
                </a>
                <a href="" class="module-pro-item">
                    <div class="pro-img">
                        <img src="images/friendship3.jpg" alt="">
                    </div>
                    <p class="text-color-6">浪漫满屋</p>
                    <div style="height: 30px;margin-top: 4px">
                        <p class="pro-price">￥229</p>
                        <span class="text-color-9 fr align-center">销量17229笔</span>
                    </div>
                </a>
                <a href="" class="module-pro-item">
                    <div class="pro-img">
                        <img src="images/friendship4.jpg" alt="">
                    </div>
                    <p class="text-color-6">浪漫满屋</p>
                    <div style="height: 30px;margin-top: 4px">
                        <p class="pro-price">￥229</p>
                        <span class="text-color-9 fr align-center">销量17229笔</span>
                    </div>
                </a>
                <a href="" class="module-pro-item">
                    <div class="pro-img">
                        <img src="images/friendship5.jpg" alt="">
                    </div>
                    <p class="text-color-6">浪漫满屋</p>
                    <div style="height: 30px;margin-top: 4px">
                        <p class="pro-price">￥229</p>
                        <span class="text-color-9 fr align-center">销量17229笔</span>
                    </div>
                </a>
                <a href="" class="module-pro-item">
                    <div class="pro-img">
                        <img src="images/friendship6.jpg" alt="">
                    </div>
                    <p class="text-color-6">浪漫满屋</p>
                    <div style="height: 30px;margin-top: 4px">
                        <p class="pro-price">￥229</p>
                        <span class="text-color-9 fr align-center">销量17229笔</span>
                    </div>
                </a>
                <a href="" class="module-pro-item">
                    <div class="pro-img">
                        <img src="images/friendship7.jpg" alt="">
                    </div>
                    <p class="text-color-6">浪漫满屋</p>
                    <div style="height: 30px;margin-top: 4px">
                        <p class="pro-price">￥229</p>
                        <span class="text-color-9 fr align-center">销量17229笔</span>
                    </div>
                </a>
                <a href="" class="module-pro-item">
                    <div class="pro-img">
                        <img src="images/friendship8.jpg" alt="">
                    </div>
                    <p class="text-color-6">浪漫满屋</p>
                    <div style="height: 30px;margin-top: 4px">
                        <p class="pro-price">￥229</p>
                        <span class="text-color-9 fr align-center">销量17229笔</span>
                    </div>
                </a>
            </div>
        </div>
    </div>
    <!--鲜花礼盒-->
    <div class="module" style="margin-top: 40px;">
        <!--标题部分-->
        <div class="module-title-left">
            <div class="module-title-img" style="display: inline-block ">
                <img src="images/module-title-img3.png" alt="">
            </div>
            <a href="" style="display: inline-block ">
                <p>
                    <span>查看更多</span>
                    <i class="fa fa-angle-right fa-lg" aria-hidden="true"></i>
                </p>
            </a>
        </div>
        <!--展示部分-->
        <div class="module-content" style="margin-top: 8px">
            <div class="module-con-left">
                <div class="module-con-img fl" style="margin-right: 15px">
                    <a href="">
                        <img src="images/giftBox0.jpg" alt="">
                    </a>
                </div>
            </div>
            <div class="module-con-right">
                <a href="" class="module-pro-item">
                    <div class="pro-img">
                        <img src="images/giftBox1.jpg" alt="">
                    </div>
                    <p class="text-color-6">浪漫满屋</p>
                    <div style="height: 30px;margin-top: 4px">
                        <p class="pro-price">￥229</p>
                        <span class="text-color-9 fr align-center">销量17229笔</span>
                    </div>
                </a>
                <a href="" class="module-pro-item">
                    <div class="pro-img">
                        <img src="images/giftBox2.jpg" alt="">
                    </div>
                    <p class="text-color-6">浪漫满屋</p>
                    <div style="height: 30px;margin-top: 4px">
                        <p class="pro-price">￥229</p>
                        <span class="text-color-9 fr align-center">销量17229笔</span>
                    </div>
                </a>
                <a href="" class="module-pro-item">
                    <div class="pro-img">
                        <img src="images/giftBox3.jpg" alt="">
                    </div>
                    <p class="text-color-6">浪漫满屋</p>
                    <div style="height: 30px;margin-top: 4px">
                        <p class="pro-price">￥229</p>
                        <span class="text-color-9 fr align-center">销量17229笔</span>
                    </div>
                </a>
                <a href="" class="module-pro-item">
                    <div class="pro-img">
                        <img src="images/giftBox4.jpg" alt="">
                    </div>
                    <p class="text-color-6">浪漫满屋</p>
                    <div style="height: 30px;margin-top: 4px">
                        <p class="pro-price">￥229</p>
                        <span class="text-color-9 fr align-center">销量17229笔</span>
                    </div>
                </a>
                <a href="" class="module-pro-item">
                    <div class="pro-img">
                        <img src="images/giftBox5.jpg" alt="">
                    </div>
                    <p class="text-color-6">浪漫满屋</p>
                    <div style="height: 30px;margin-top: 4px">
                        <p class="pro-price">￥229</p>
                        <span class="text-color-9 fr align-center">销量17229笔</span>
                    </div>
                </a>
                <a href="" class="module-pro-item">
                    <div class="pro-img">
                        <img src="images/giftBox6.jpg" alt="">
                    </div>
                    <p class="text-color-6">浪漫满屋</p>
                    <div style="height: 30px;margin-top: 4px">
                        <p class="pro-price">￥229</p>
                        <span class="text-color-9 fr align-center">销量17229笔</span>
                    </div>
                </a>
                <a href="" class="module-pro-item">
                    <div class="pro-img">
                        <img src="images/giftBox7.jpg" alt="">
                    </div>
                    <p class="text-color-6">浪漫满屋</p>
                    <div style="height: 30px;margin-top: 4px">
                        <p class="pro-price">￥229</p>
                        <span class="text-color-9 fr align-center">销量17229笔</span>
                    </div>
                </a>
                <a href="" class="module-pro-item">
                    <div class="pro-img">
                        <img src="images/giftBox8.jpg" alt="">
                    </div>
                    <p class="text-color-6">浪漫满屋</p>
                    <div style="height: 30px;margin-top: 4px">
                        <p class="pro-price">￥229</p>
                        <span class="text-color-9 fr align-center">销量17229笔</span>
                    </div>
                </a>
            </div>
        </div>
    </div>
    <!--蛋糕-->
    <div class="module" style="margin-top: 40px;">
        <!--标题部分-->
        <div class="module-title-left">
            <div class="module-title-img" style="display: inline-block ">
                <img src="images/module-title-img4.png" alt="">
            </div>
            <a href="" style="display: inline-block ">
                <p>
                    <span>查看更多</span>
                    <i class="fa fa-angle-right fa-lg" aria-hidden="true"></i>
                </p>
            </a>
        </div>
        <!--展示部分-->
        <div class="module-content" style="margin-top: 8px">
            <div class="module-con-left">
                <div class="module-con-img fl" style="margin-right: 15px">
                    <a href="">
                        <img src="images/cake0.jpg" alt="">
                    </a>
                </div>
            </div>
            <div class="module-con-right">
                <a href="" class="module-pro-item">
                    <div class="pro-img">
                        <img src="images/cake1.jpg" alt="">
                    </div>
                    <p class="text-color-6">浪漫满屋</p>
                    <div style="height: 30px;margin-top: 4px">
                        <p class="pro-price">￥229</p>
                        <span class="text-color-9 fr align-center">销量17229笔</span>
                    </div>
                </a>
                <a href="" class="module-pro-item">
                    <div class="pro-img">
                        <img src="images/cake2.jpg" alt="">
                    </div>
                    <p class="text-color-6">浪漫满屋</p>
                    <div style="height: 30px;margin-top: 4px">
                        <p class="pro-price">￥229</p>
                        <span class="text-color-9 fr align-center">销量17229笔</span>
                    </div>
                </a>
                <a href="" class="module-pro-item">
                    <div class="pro-img">
                        <img src="images/cake3.jpg" alt="">
                    </div>
                    <p class="text-color-6">浪漫满屋</p>
                    <div style="height: 30px;margin-top: 4px">
                        <p class="pro-price">￥229</p>
                        <span class="text-color-9 fr align-center">销量17229笔</span>
                    </div>
                </a>
                <a href="" class="module-pro-item">
                    <div class="pro-img">
                        <img src="images/cake4.jpg" alt="">
                    </div>
                    <p class="text-color-6">浪漫满屋</p>
                    <div style="height: 30px;margin-top: 4px">
                        <p class="pro-price">￥229</p>
                        <span class="text-color-9 fr align-center">销量17229笔</span>
                    </div>
                </a>
                <a href="" class="module-pro-item">
                    <div class="pro-img">
                        <img src="images/cake5.jpg" alt="">
                    </div>
                    <p class="text-color-6">浪漫满屋</p>
                    <div style="height: 30px;margin-top: 4px">
                        <p class="pro-price">￥229</p>
                        <span class="text-color-9 fr align-center">销量17229笔</span>
                    </div>
                </a>
                <a href="" class="module-pro-item">
                    <div class="pro-img">
                        <img src="images/cake6.jpg" alt="">
                    </div>
                    <p class="text-color-6">浪漫满屋</p>
                    <div style="height: 30px;margin-top: 4px">
                        <p class="pro-price">￥229</p>
                        <span class="text-color-9 fr align-center">销量17229笔</span>
                    </div>
                </a>
                <a href="" class="module-pro-item">
                    <div class="pro-img">
                        <img src="images/cake7.jpg" alt="">
                    </div>
                    <p class="text-color-6">浪漫满屋</p>
                    <div style="height: 30px;margin-top: 4px">
                        <p class="pro-price">￥229</p>
                        <span class="text-color-9 fr align-center">销量17229笔</span>
                    </div>
                </a>
                <a href="" class="module-pro-item">
                    <div class="pro-img">
                        <img src="images/cake8.jpg" alt="">
                    </div>
                    <p class="text-color-6">浪漫满屋</p>
                    <div style="height: 30px;margin-top: 4px">
                        <p class="pro-price">￥229</p>
                        <span class="text-color-9 fr align-center">销量17229笔</span>
                    </div>
                </a>
            </div>
        </div>
    </div>
    <!--开业花篮-->
    <div class="module" style="margin-top: 40px;">
        <!--标题部分-->
        <div class="module-title-left">
            <div class="module-title-img" style="display: inline-block ">
                <img src="images/module-title-img1.png" alt="">
            </div>
            <a href="" style="display: inline-block ">
                <p>
                    <span>查看更多</span>
                    <i class="fa fa-angle-right fa-lg" aria-hidden="true"></i>
                </p>
            </a>
        </div>
        <!--展示部分-->
        <div class="module-content" style="margin-top: 8px">
            <div class="module-con-left">
                <div class="module-con-img fl" style="margin-right: 15px">
                    <a href="">
                        <img src="images/love0.jpg" alt="">
                    </a>
                </div>
            </div>
            <div class="module-con-right">
                <a href="" class="module-pro-item">
                    <div class="pro-img">
                        <img src="images/love1.jpg" alt="">
                    </div>
                    <p class="text-color-6">浪漫满屋</p>
                    <div style="height: 30px;margin-top: 4px">
                        <p class="pro-price">￥229</p>
                        <span class="text-color-9 fr align-center">销量17229笔</span>
                    </div>
                </a>
                <a href="" class="module-pro-item">
                    <div class="pro-img">
                        <img src="images/love2.jpg" alt="">
                    </div>
                    <p class="text-color-6">浪漫满屋</p>
                    <div style="height: 30px;margin-top: 4px">
                        <p class="pro-price">￥229</p>
                        <span class="text-color-9 fr align-center">销量17229笔</span>
                    </div>
                </a>
                <a href="" class="module-pro-item">
                    <div class="pro-img">
                        <img src="images/love3.jpg" alt="">
                    </div>
                    <p class="text-color-6">浪漫满屋</p>
                    <div style="height: 30px;margin-top: 4px">
                        <p class="pro-price">￥229</p>
                        <span class="text-color-9 fr align-center">销量17229笔</span>
                    </div>
                </a>
                <a href="" class="module-pro-item">
                    <div class="pro-img">
                        <img src="images/love4.jpg" alt="">
                    </div>
                    <p class="text-color-6">浪漫满屋</p>
                    <div style="height: 30px;margin-top: 4px">
                        <p class="pro-price">￥229</p>
                        <span class="text-color-9 fr align-center">销量17229笔</span>
                    </div>
                </a>
                <a href="" class="module-pro-item">
                    <div class="pro-img">
                        <img src="images/love5.jpg" alt="">
                    </div>
                    <p class="text-color-6">浪漫满屋</p>
                    <div style="height: 30px;margin-top: 4px">
                        <p class="pro-price">￥229</p>
                        <span class="text-color-9 fr align-center">销量17229笔</span>
                    </div>
                </a>
                <a href="" class="module-pro-item">
                    <div class="pro-img">
                        <img src="images/love6.jpg" alt="">
                    </div>
                    <p class="text-color-6">浪漫满屋</p>
                    <div style="height: 30px;margin-top: 4px">
                        <p class="pro-price">￥229</p>
                        <span class="text-color-9 fr align-center">销量17229笔</span>
                    </div>
                </a>
                <a href="" class="module-pro-item">
                    <div class="pro-img">
                        <img src="images/love7.jpg" alt="">
                    </div>
                    <p class="text-color-6">浪漫满屋</p>
                    <div style="height: 30px;margin-top: 4px">
                        <p class="pro-price">￥229</p>
                        <span class="text-color-9 fr align-center">销量17229笔</span>
                    </div>
                </a>
                <a href="" class="module-pro-item">
                    <div class="pro-img">
                        <img src="images/love8.jpg" alt="">
                    </div>
                    <p class="text-color-6">浪漫满屋</p>
                    <div style="height: 30px;margin-top: 4px">
                        <p class="pro-price">￥229</p>
                        <span class="text-color-9 fr align-center">销量17229笔</span>
                    </div>
                </a>
            </div>
        </div>
    </div>
    <!--绿植-->
    <div class="module" style="margin-top: 40px;">
        <!--标题部分-->
        <div class="module-title-left">
            <div class="module-title-img" style="display: inline-block ">
                <img src="images/module-title-img1.png" alt="">
            </div>
            <a href="" style="display: inline-block ">
                <p>
                    <span>查看更多</span>
                    <i class="fa fa-angle-right fa-lg" aria-hidden="true"></i>
                </p>
            </a>
        </div>
        <!--展示部分-->
        <div class="module-content" style="margin-top: 8px">
            <div class="module-con-left">
                <div class="module-con-img fl" style="margin-right: 15px">
                    <a href="">
                        <img src="images/love0.jpg" alt="">
                    </a>
                </div>
            </div>
            <div class="module-con-right">
                <a href="" class="module-pro-item">
                    <div class="pro-img">
                        <img src="images/love1.jpg" alt="">
                    </div>
                    <p class="text-color-6">浪漫满屋</p>
                    <div style="height: 30px;margin-top: 4px">
                        <p class="pro-price">￥229</p>
                        <span class="text-color-9 fr align-center">销量17229笔</span>
                    </div>
                </a>
                <a href="" class="module-pro-item">
                    <div class="pro-img">
                        <img src="images/love2.jpg" alt="">
                    </div>
                    <p class="text-color-6">浪漫满屋</p>
                    <div style="height: 30px;margin-top: 4px">
                        <p class="pro-price">￥229</p>
                        <span class="text-color-9 fr align-center">销量17229笔</span>
                    </div>
                </a>
                <a href="" class="module-pro-item">
                    <div class="pro-img">
                        <img src="images/love3.jpg" alt="">
                    </div>
                    <p class="text-color-6">浪漫满屋</p>
                    <div style="height: 30px;margin-top: 4px">
                        <p class="pro-price">￥229</p>
                        <span class="text-color-9 fr align-center">销量17229笔</span>
                    </div>
                </a>
                <a href="" class="module-pro-item">
                    <div class="pro-img">
                        <img src="images/love4.jpg" alt="">
                    </div>
                    <p class="text-color-6">浪漫满屋</p>
                    <div style="height: 30px;margin-top: 4px">
                        <p class="pro-price">￥229</p>
                        <span class="text-color-9 fr align-center">销量17229笔</span>
                    </div>
                </a>
                <a href="" class="module-pro-item">
                    <div class="pro-img">
                        <img src="images/love5.jpg" alt="">
                    </div>
                    <p class="text-color-6">浪漫满屋</p>
                    <div style="height: 30px;margin-top: 4px">
                        <p class="pro-price">￥229</p>
                        <span class="text-color-9 fr align-center">销量17229笔</span>
                    </div>
                </a>
                <a href="" class="module-pro-item">
                    <div class="pro-img">
                        <img src="images/love6.jpg" alt="">
                    </div>
                    <p class="text-color-6">浪漫满屋</p>
                    <div style="height: 30px;margin-top: 4px">
                        <p class="pro-price">￥229</p>
                        <span class="text-color-9 fr align-center">销量17229笔</span>
                    </div>
                </a>
                <a href="" class="module-pro-item">
                    <div class="pro-img">
                        <img src="images/love7.jpg" alt="">
                    </div>
                    <p class="text-color-6">浪漫满屋</p>
                    <div style="height: 30px;margin-top: 4px">
                        <p class="pro-price">￥229</p>
                        <span class="text-color-9 fr align-center">销量17229笔</span>
                    </div>
                </a>
                <a href="" class="module-pro-item">
                    <div class="pro-img">
                        <img src="images/love8.jpg" alt="">
                    </div>
                    <p class="text-color-6">浪漫满屋</p>
                    <div style="height: 30px;margin-top: 4px">
                        <p class="pro-price">￥229</p>
                        <span class="text-color-9 fr align-center">销量17229笔</span>
                    </div>
                </a>
            </div>
        </div>
    </div>
    <!--友情链接-->
    <div class="goods-link">
        <p class="fl">友情链接</p>
        <div class="link-list fl">
            <a class="fl" href="http://www.gov.cn">中国政府网</a>
            <a class="fl" href="http://www.people.com.cn">人民网</a>
            <a class="fl" href="http://sbj.cnipa.gov.cn">中国商标网</a>
            <a class="fl" href="http://www.xinhuanet.com">新华网</a>
            <a class="fl" href="https://www.pku.edu.cn">北京大学</a>
        </div>
    </div>
</div>
<!--主体区域结束-->
<!--尾部区域开始-->
<footer>
    <div class="footer" style="margin-top: 10px;">
        <!--尾部上区域-->
        <div class="footer-top" style="background: #fff;">
            <div class="footer-top-all container" style="height: 210px;width: 1200px">
                <div class="logo-img">
                    <img src="images/logo.png" alt="">
                </div>
                <div class="nav-module" style="height: 210px">
                    <div class="footer-module fl">
                        <p>热门导航</p>
                        <div>
                            <a href="">网站首页</a>
                            <a href="">爱情鲜花</a>
                            <a href="">订单查询</a>
                            <a href="">全部商品</a>
                        </div>
                    </div>
                    <div class="footer-module fl">
                        <p>客户服务</p>
                        <div>
                            <div class="footer-nav fl">
                                <a href="">关于我们</a>
                                <a href="">服务声明</a>
                                <a href="">订花流程</a>
                                <a href="">支付方式</a>
                            </div>
                            <div class="footer-nav fl" style="margin-left: 20px">
                                <a href="">配送说明</a>
                                <a href="">售后服务</a>
                                <a href="">隐私条款</a>
                                <a href="">联系我们</a>
                            </div>
                        </div>
                    </div>
                    <div class="footer-module fl" style="border:none">
                        <p>联系我们</p>
                        <div class="footer-nav">
                            <a href="">意见反馈</a>
                            <a href="">工作时间:07:00-23:00</a>
                            <a href="">7*24小时在线订购</a>
                            <a href="">全国热线:400-060-1520</a>
                        </div>
                    </div>
                    <div class="erweima fr">
                        <div class="erweima-img">
                            <img src="images/QRCode.jpg" alt="">
                        </div>
                        <p class="text-color-9">扫码关注微信</p>
                    </div>
                </div>
            </div>
        </div>
        <!--尾部下区域-->
        <div class="footer-bottom">
            <p class="text-color-9">Copyright©2020 &nbsp;成都勿忘我科技有限公司 &nbsp;
                <a href="https://beian.miit.gov.cn">蜀ICP备20016463号-2</a>
            &nbsp;</p>
        </div>
    </div>
</footer>
<!--尾部区域结束-->
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
<script>
    //让轮播图开始移动
    /*解决轮播图不点击时不轮播,点击后才开始轮播*/
    $('#myCarousel').carousel('cycle');
</script>
</body>
<!--引入header.js文件-->
<script src="js/header.js"></script>
</html>